import { createContext, useContext } from "react"

const context = createContext()

function App () {
  return <context.Provider value={100}>
    <Foo></Foo>
  </context.Provider>
}
// 使用 useContext 简化下面操作
// function Foo () {
//   return <context.Consumer>
//     {
//       value => {
//         return <div>{value}</div>
//       }
//     }
//   </context.Consumer>
// }

function Foo () {
  const value = useContext(context)
  return <div>----- {value} -----</div>
}

export default App